<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,user-scalable-no,maximum-scale=1.0,minimum-scale=1.0">
    <title>详情页面</title>
    <link rel="stylesheet" href="lib/mui/css/mui.min.css">
    <script src="lib/mui/js/mui.min.js"></script>
    <link rel="stylesheet" href="lib/mui/fonts/iconfont.css">
    <link rel="stylesheet" href="lib/mui/fonts/mui.ttf">
    <script src="lib/template-web.js"></script>
    <link rel="stylesheet" href="lib/mui/css/detail.css">
</head>

<body>
    <div class="mui-card">
        <!--页眉，放置标题-->
        <div class="mui-card-header">
            <span class="mui-icon mui-icon-back return">返回</span>
            <h3>团购详情</h3>
        </div>
        <div class="mui-card-content">
            <!--商品内容轮播区-->
            <div id="slider" class="mui-slider">
                <div class="mui-slider-group mui-slider-loop">
                    <!-- 支持循环，需要重复图片节点-->
                    <!-- <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img
                                src="images/shuijiao.jpg" /></a></div>
                    <div class="mui-slider-item"><a href="#"><img src="images/muwu.jpg" /></a></div> 
                      <div class="mui-slider-item"><a href="#"><img src="images/shuijiao.jpg" /></a></div>
                    <div class="mui-slider-item"><a href="#"><img src="images/muwu.jpg" /></a></div> -->
                </div>
            </div>
            <script type="text/html" id="tpl-slider">
                {{each img_list}}
               <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img
                    src="{{$value}}"/></a></div>
        <div class="mui-slider-item"><a href="#"><img src="{{$value}}"/></a></div>    
    {{/each}}
    
    </script>
            <!-- <script>
               
               mui.init({
                    swipeBack: true //启用右滑关闭功能
                });
                var slider = mui("#slider");
                slider.slider({
                    interval: 3000
                });
            </script> -->
            <!--详情介绍-->
            <div class="detail-itro">
                <!-- <h3 name="shop_name">彭妈家.火山岩烤肉</h3>
                <p name = "shop_name_sub">仅售18元！价值30元的超值午市特价石锅拌饭，建议单人使用，<br>
                    有赠品提供免费WIFI
                </p> -->
                <!-- <h3 id="shop_name"></h3>
                <p id = "shop_name_sub"><br>
                   
                </p> -->
            </div>
            <!-- <script type="text/html" id="tpl_detail_itro">
                <h3 id="shop_name">{{value.}}</h3>
            <p id = "shop_name_sub"></p>
            </script> -->
            <script type="text/html" id="tpl_detail_itro">
                {{each}}
                    <h3>{{$value.shop_name}}</h3>
                    <p>{{$value.shop_name_sub}}</p>
                {{/each}}
            </script>


        </div>
        <div class="wrap">
            <div class="con">
                <div class="price">
                    <div class="nowprice"></div>
                    <div class="oldprice"></div>
                </div>
                <button type="button" class="mui-btn mui-btn-warning" id="btnApp">APP专享</button>
                <button type="button" class="mui-btn mui-btn-danger" id="btnBuy">立即购买</button>
            </div>
            <div class="tui">
                <div class="left">
                    <span class="iconfont icon-xingzhuang"></span> 随时可退
                </div>
                <div class="right">
                    <span class="iconfont icon-guoqi"></span> 过期自动退
                </div>
            </div>
        </div>
        <div class="tg wrap">
            <i>团购详情</i> <span class="iconfont icon-xiangqing"></span>
        </div>
        <div class="tg_box">

        </div>
        <script type="text/html" id="model1">
           {{each group_detail}}
           <div class="sg wrap">
           {{$value.title}}
        </div>
        <div class="bf wrap">
            <span>{{$value.food[0].food_name}}</span>
            <i>{{$value.food[0].num}}</i>
            <i>{{$value.food[0].price}}</i>
        </div>
        <div class="bf wrap">
            <span>{{$value.food[0].food_name}}</span>
            <i>{{$value.food[0].num}}</i>
            <i>{{$value.food[0].price}}</i>
        </div>
       
        <div class="sg wrap">
            开胃前菜
        </div>
        <div class="bf wrap">
            <span>开胃前菜</span>
            <i>1碟(免费续加)</i>
            <i>2元</i>
        </div>
        {{/each}}
        
    </script>
        <div class="end">
            <div class="sss">
                <s>最高价</s>
                <s id="maxPirce"></s></div>
            <span>
                团购价
                <span id="tuanPirce"></span>
                元</span>
        </div>
    </div>


    </div>

    <script src="lib/mui/js/mui.min.js"></script>
    <script src="lib/flexible/index.js"></script>
    <script src="lib/jquery/jquery.min.js"></script>
    <script src="lib/mui/js/detail.js"></script>
</body>

</html>